<div>
	<ul style="list-style-type:none; padding:0; margin:0; width:100px; cursor:pointer; float:left; height:100%;">
		<li onclick="$$('#helpcontent>div').setStyle('display','none'); $('help_about').style.display='block';">About</li>
		<li onclick="$$('#helpcontent>div').setStyle('display','none'); $('help_shortcuts').style.display='block';">Shortcuts</li>
	</ul>
	<div id="helpcontent">
		<div id="help_about" style="width:400px; float:left; height:100%;">
			<b>JOEL - painless task management</b><br><br>
			
		</div>
		
		<div id="help_shortcuts" style="width:400px; display:none; float:left; height:100%;">
			<b>Tasklist shortcuts</b><br><br>
			<b>ctrl+shift+c</b>  copy selected task<br>
			<b>ctrl+shift+x</b>  cut selected task<br>
			<b>ctrl+shift+v</b>  paste copied/cut task at current position<br>
			<b>ctrl+backspace</b>  delete selected task(s)<br>
			<b>shift+click</b>  select tasks between clicked and last selected<br>
			<b>ctrl+click</b>  select clicked task additionally to last task(s)<br>
			<b>enter</b>  to create and select a new task<br>
			<b>insert</b>  to create a new task below current task <br>
			<b>up</b>  select previous task<br>
			<b>down</b>  select next task<br>
			<b>ctrl+shift+d</b>  press multiple times to add date, time or date and time<br>
			<b>ctrl+shift+i</b>  increases task priority by 1<br>
			<b>ctrl+shift+up</b>  adds 5 minutes to the current elapsed time<br>
			<b>ctrl+shift+down</b>  takes off 5 minutes from the current elapsed time<br>
			<br>
			<br>Note: on Apple Computers use the "apple" key instead of ctrl
		</div>
	</div>
</div>